<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>论坛</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/> 
    <script type="text/javascript" src="../js/public.js" ></script>
    <script type="text/javascript" src="../js/app/bbs-list.js" ></script>
    <style type="text/css">
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{color:#000;font-size:14px;}
    	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#7EC60F;}
   		.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{background:#7EC60F;}
   		html,
			body {
				background-color: #efeff4;
			}
			.mui-bar~.mui-content .mui-fullscreen {
				top: 44px;
				height: auto;
			}
			.mui-pull-top-tips {
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -25px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				z-index: 1;
			}
			.mui-bar~.mui-pull-top-tips {
				top: 24px;
			}
			.mui-pull-top-wrapper {
				width: 42px;
				height: 42px;
				display: block;
				text-align: center;
				background-color: #efeff4;
				border: 1px solid #ddd;
				border-radius: 25px;
				background-clip: padding-box;
				box-shadow: 0 4px 10px #bbb;
				overflow: hidden;
			}
			.mui-pull-top-tips.mui-transitioning {
				-webkit-transition-duration: 200ms;
				transition-duration: 200ms;
			}
			.mui-pull-top-tips .mui-pull-loading {
				margin: 0;
			}
			.mui-pull-top-wrapper .mui-icon,
			.mui-pull-top-wrapper .mui-spinner {
				margin-top: 7px;
			}
			.mui-pull-bottom-tips {
				height: 0;
			}
			.mui-pull-top-canvas {
				overflow: hidden;
				background-color: #fafafa;
				border-radius: 40px;
				box-shadow: 0 4px 10px #bbb;
				width: 40px;
				height: 40px;
				margin: 0 auto;
			}
			.mui-pull-top-canvas canvas {
				width: 40px;
			}
			.mui-slider-indicator.mui-segmented-control {
				background-color: #efeff4;
			}
			.mui-scroll .bbs-list-1:nth-child(1){margin-top:0 !important;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav ">
		<h1 class="mui-title color-white font-18">论坛</h1>
		<span class="mui-pull-right margin-top-10 add-post">发帖</span>
	</header> 
	<div id="content" class="mui-content"></div>
	<div class="mui-slider">
		<div id="sliderSegmentedControl" class="background-w mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			<a class="mui-control-item mui-active" href="#item1mobile">
				所有帖子
			</a>
			<a class="mui-control-item" href="#item2mobile">
				热门帖子
			</a>
			<a class="mui-control-item" href="#item3mobile">
				我的帖子
			</a>
			<!--<a class="mui-control-item" href="add-post.html">
				发帖
			</a>-->
		</div>
		<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
		<div class="mui-slider-group ">
			<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="table-view-cell table-view background-w overflow-h bbs-list-1">
							<i class="mui-pull-left "><img src="../images/zhongyi.png"/></i>
							<div class="mui-pull-left margin-bottom-10">
								<li class="overflow-h">
									<span class="mui-pull-left">简单网名</span>
									<span class="mui-pull-right">
										<span class="iconfont color-c font-14">&#xe622;</span>
										<span>200</span>
									</span>
								</li>
								<li class="font-12 color-c">昨天&nbsp;17:34</li>
							</div>
							<div class="clear-both">
								<span class="ellipsis-1">而我挺好看，我如今看来看去了我而我挺好看，我如今看来看去了我</span>
							</div>
						</div>
						<div class="table-view-cell table-view background-w overflow-h bbs-list-1" >
							<i class="mui-pull-left "><img src="../images/zhongyi.png"/></i>
							<div class="mui-pull-left margin-bottom-10">
								<li class="overflow-h">
									<span class="mui-pull-left">简单网名</span>
									<span class="mui-pull-right">
										<span class="iconfont color-c font-14">&#xe622;</span>
										<span>200</span>
									</span>
								</li>
								<li class="font-12 color-c">昨天&nbsp;17:34</li>
							</div>
							<div class="clear-both">
								<span class="ellipsis-1">而我挺好看，我如今看来看去了我而我挺好看，我如今看来看去了我</span>
							</div>
						</div>
						<div class="table-view-cell table-view background-w overflow-h bbs-list-1" >
							<i class="mui-pull-left "><img src="../images/zhongyi.png"/></i>
							<div class="mui-pull-left margin-bottom-10">
								<li class="overflow-h">
									<span class="mui-pull-left">简单网名</span>
									<span class="mui-pull-right">
										<span class="iconfont color-c font-14">&#xe622;</span>
										<span>200</span>
									</span>
								</li>
								<li class="font-12 color-c">昨天&nbsp;17:34</li>
							</div>
							<div class="clear-both">
								<span class="ellipsis-1">而我挺好看，我如今看来看去了我而我挺好看，我如今看来看去了我</span>
							</div>
						</div>-->
					</div>
				</div>
			</div>
			<div id="item2mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="table-view-cell table-view background-w overflow-h bbs-list-1 ">
							<i class="mui-pull-left "><img src="../images/zhongyi.png"/></i>
							<div class="mui-pull-left margin-bottom-10">
								<li class="overflow-h">
									<span class="mui-pull-left">简单网名</span>
									<span class="mui-pull-right">
										<span class="iconfont color-c font-14">&#xe622;</span>
										<span>200</span>
									</span>
								</li>
								<li class="font-12 color-c">昨天&nbsp;17:34</li>
							</div>
							<div class="clear-both">
								<span class="ellipsis-1">而我挺好看，我如今看来看去了我而我挺好看，我如今看来看去了我</span>
							</div>
						</div>-->
					</div> 
				</div>
			</div>
			<div id="item3mobile" class="mui-slider-item mui-control-content">
				<div  class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<!--<div class="table-view-cell table-view background-w overflow-h bbs-list-1">
							<i class="mui-pull-left "><img src="../images/zhongyi.png"/></i>
							<div class="mui-pull-left margin-bottom-10">
								<li class="overflow-h">
									<span class="mui-pull-left">简单网名</span>
									<span class="mui-pull-right">
										<span class="iconfont color-c font-14">&#xe622;</span>
										<span>200</span>
										<span class="iconfont color-c font-14">&#xe62c;</span>
										<span class="font-13">删除</span>
									</span>
								</li>
								<li class="font-12 color-c">昨天&nbsp;17:34</li>
							</div>
							<div class="clear-both">
								<span class="ellipsis-1">而我挺好看，我如今看来看去了我而我挺好看，我如今看来看去了我</span>
							</div>
						</div>-->
					</div> 
				</div>
			</div>
			<!--<div id="item4mobile" class="mui-slider-item mui-control-content ">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="background-w margin-top-5 bbs-ft">
						 	<div class="bar-buttom">
							<input type="text" id="" value="" placeholder="标题"/>
							</div>
							<textarea name="" rows="10" cols=""placeholder="请输入内容"></textarea>
						</div>
						<div class="table-view-cell mui-text-right margin-bottom-10">
							<span class="iconfont font-17 color-c">&#xe613;</span>
							<span class="">添加图片</span>
						</div>
						<div class="table-view-cell">
							<button class="mui-btn mui-btn-block background-zx color-white search-btn">发帖</button>
						</div>
					</div> 
				</div>
			</div>-->
		</div>
	</div>
</body>
	<script src="../js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/immersed.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/mui.pullToRefresh.js"></script>
	<script src="../js/mui.pullToRefresh.material.js"></script>
	<script type="text/javascript" charset="UTF-8">
      	mui.init();
   </script> 
<script type="text/javascript">
	(function($) {
		$('.mui-scroll-wrapper').scroll({
			indicators: true //是否显示滚动条
		});
			
	})(mui);
	h();
	function h(){
		if(window.innerHeight){
		$(".mui-control-content").css({"min-height":(window.innerHeight-44-immersed-38)+"px"})	
		}
		else{
			setTimeout(function(){h();},200);
		}
	}	
</script>
<!--链接-->
<script type="text/javascript">
//	$().ready(function(){
//		$(".bbs-list-1").on("tap",function(){
//			openNewpage('bbs-inf.html');	
//		})
//	
//	})
	mui.init();
	(function($) {
	//阻尼系数
		var deceleration = mui.os.ios?0.003:0.0009;
		$('.mui-scroll-wrapper').scroll({
			bounce: false,
			indicators: true, //是否显示滚动条
			deceleration:deceleration
		});
		$.ready(function() {
		//循环初始化所有下拉刷新，上拉加载。
			$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
				$(pullRefreshEl).pullToRefresh({
					down: {
						callback: function() {
							var self = this;
							setTimeout(function() {
								info(0);
								self.endPullDownToRefresh();
							}, 1000);
						}
					},
					up: {
						callback: function() { 
							var self = this;
							setTimeout(function() {
								loadMore(index);
								self.endPullUpToRefresh();
							}, 1000);
						}
					}
				});
			});
		});
	})(mui); 
	
</script>
	
</html>